//
// Variables
//
@panel-lg-padding:          35px;


//
// Panel
//
.panel {
	.box-shadow(0px 2px 0px rgba(0, 0, 0, 0.1));
	&.ui-sortable-helper {
		border-style: dashed;
	}
	.panel-heading {
		font-weight: bold;
	}
	.table,
	.table-fit {
		border: 0;
		margin: 0;
	}
}


//
// Panel carousel
//
.panel-carousel {
	padding: @panel-body-padding;
}


//
// Panel heading
//
.panel-heading {
	position: relative;
	&[data-toggle="formengine-inline"] {
		cursor: pointer;
	}
}

//
// Panel condensed
//
.panel-condensed {
	.panel-heading {
		padding: 5px;
	}
}

//
// Panel collapse
//
.panel-heading-collapse-indicator {
	position: absolute;
	left: 2px;
	margin-top: -2px;
	top: 50%;

}
.panel-collapsed {
	.panel-heading {
		.caret {.transition(all 0.25s ease-in-out);
			.rotate(-90deg);
		}
	}
	.panel-collapse  {
		display: none;
		visibility: hidden;
	}
}
.panel,
.panel-collapse {
	> .alert {
		border: none;
		border-top: 1px solid @panel-default-border;
		margin: 0;
		padding: 9px 12px;
	}
	> .form-section,
	> .tab-content > .form-section,
	> .tab-content > .tab-pane > .form-section {
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
	}
	> .nav-tabs {
		border-top: 1px solid @panel-default-border;
		padding-top: 8px;
		> li {
			margin-left: -1px;
		}
	}
}

//
// Panel hover
//
.panel-hover {
	.panel-default:hover > .panel-heading  {
		background-color: lighten(@panel-default-heading-bg, 3%);
	}
}

//
// Panel space
//
.panel-space {
	margin: 3em 0;
}

//
// Panel Tab
//
.panel-tab {
	border-radius: 0;
	border: 1px solid @nav-tabs-active-link-hover-border-color;
	background-color: @nav-tabs-active-link-bg;
}
.panel-tab + .panel-tab,
.panel-tab + .form-section {
	margin-top: -(@line-height-computed+1);
}
.tab-pane {
	> .panel-tab:first-child {
		border-top: none;
	}
}


//
// Panel large
//
.panel-lg {
	.panel-body {
		padding: @panel-lg-padding;
	}
	.panel-heading,
	.panel-footer {
		padding: ceil(@panel-lg-padding * 0.5) @panel-lg-padding;
	}
	.panel-carousel {
		padding: @panel-lg-padding;
	}
}